<template>
	<view class="wrap">
		<uni-nav-bar backgroundColor="transparent" :statusBar="true" :border="false" :fixed="true" left-icon="back" @clickLeft="$tab.back()" title="打赏码" color="#FFF">
		</uni-nav-bar>
		
		<view class="px-32">
			<view class="content">
				<view class="qrcode" v-if="user">
					<image :src="user.rewardQrCode" mode=""></image>
				</view>
			</view>
			
			<view class="text-FFF mt-24 usage">
				使用方法：</br>
				用户线下消费以后通过APP扫一扫扫描商家打赏码，输入消费金额，商家通过信息核实。</br>
				确认无误以后商家确认，用户会得到相应的打赏金额~
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user:this.$store.getters.userInfo
			};
		},
	}
</script>

<style lang="scss">
	page,.wrap{
		width: 100%;
		height: 100%;
	}
	
	.wrap{
		background: url(https://file.fulewanjia.com/fulewanjia/profile/appImages/common/dashang-bg.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	
	.content{
		height: 1020rpx;
		background: url(https://file.fulewanjia.com/fulewanjia/profile/appImages/common/img_saomayoujingxi.png) 0 0 no-repeat;
		background-size: 100% 100%;
		margin-top: 64rpx;
		padding: 372rpx 43rpx 48rpx 43rpx;
		.qrcode{
			width: 600rpx;
			height: 600rpx;
			background: #FFFFFF;
			border-radius: 60rpx 60rpx 60rpx 60rpx;
			padding: 60rpx;
		}
	}
	
	.usage{
		line-height: 2;
	}
</style>
